/*
* Copyright (C) 2005-2013 University of Sydney
*
* Licensed under the GNU License, Version 3.0 (the "License"); you may not use this file except
* in compliance with the License. You may obtain a copy of the License at
*
* http://www.gnu.org/licenses/gpl-3.0.txt
*
* Unless required by applicable law or agreed to in writing, software distributed under the License
* is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
* or implied. See the License for the specific language governing permissions and limitations under
* the License.
*/

/**
* edit.css
* Global styles for Heurist
*
* @author      Tom Murtagh
* @author      Kim Jackson
* @author      Ian Johnson   <ian.johnson@sydney.edu.au>
* @author      Stephen White   <stephen.white@sydney.edu.au>
* @author      Artem Osmakov   <artem.osmakov@sydney.edu.au>
* @copyright   (C) 2005-2013 University of Sydney
* @link        http://Sydney.edu.au/Heurist
* @version     3.1.0
* @license     http://www.gnu.org/licenses/gpl-3.0.txt GNU License 3.0
* @package     Heurist academic knowledge management system
* @subpackage  !!!subpackagename for file such as Administration, Search, Edit, Application, Library
*/


#sidebar, #page {
	top:140px;
}
#page {
	background-color:#ECF1FB !important;
	left:10px;
	bottom: 10px;
	min-height: 310px;
}
.edit-mode-depended{
    display: none;   
}
#workgroup-div {
	border-left:1px solid #D6D6D6;
	bottom:0;
	padding:8px 0;
	position:absolute;
	right:200px;
	top:0;
	width: 130px;
	overflow:hidden;
}
#rectype-edit {
	border-right:1px solid #D6D6D6;
	bottom:0;
	overflow:hidden;
	padding:10px 0;
	position:absolute;
	left:0px;
	text-align:center;
	top:0;
	width:230px;
	text-align:left;
}
#rectype-select{
	display:none;
	width:200px
}
#rectype-name{
	width:200px;
	color:#6A7C99;
	font-weight: bold;
	font-size: 1.4em;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#record-title {
	bottom:0;
	display:table;
	left:230px;
	position:absolute;
	margin: 5px 480px 5px 5px;
	top:0;
	vertical-align:middle;
	overflow: hidden;
	height:30px
}
.tableCell {
	padding:10px 13px;
}
#edit_record_title {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: rgba(0,0,0,0.2);
	line-height: 21px;
}
.popup-message {
	text-align :center;
	color:#FFF;
	font-size: 18px;
	background-color: RGBA(0,0,0,0.8);
	padding: 0;
	width: 200px;
	height: 75px;
	top: 50%;
	left:50%;
	margin :-50px -100px;
	position: absolute;
	overflow: visible;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border :2px solid #FFF;
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
	z-index: 100;
}
.popup-message b {
	font-size: 16px;
	line-height:75px;
}
#workgroup-val-div {
	white-space: nowrap;
	padding-left: 20px;
	background: transparent url(../images/workgroup_icon-small.gif) scroll top left no-repeat;
	max-width:90px;
	overflow:hidden;
}

#workgroup-editor {
	width:320px !important;
	height:270px !important;
	padding:10px;
}
#workgroup-editor .detailRow {
	padding:5px 0;
	border-top: 1px solid white;
	border-bottom:none
}
#workgroup-editor .detailRow input, #workgroup-editor .detailRow label {
	margin-right:10px;
}
#rectype-editor table tr td, #url-editor table tr td {
	white-space: nowrap;
	font-size: 11px;
}
#workgroup-edit {
	display: block;
	position:absolute;
	top:6px;
	right:-3px;
}
#popup-rectype-value {
	padding-bottom: 1ex;
}
#new-url-value {
	width: 100%;
}
#record-title #rectype-img {
	background-position:50% 50%;
	background-repeat:no-repeat;
	height:100%;
	margin:0 10px 0 0;
	width:16px;
	position: absolute;
	top:0
}
#rectype-val {
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
}
.edit {
	margin-left: 1ex;
	margin-right: 1ex;
	line-height: 16px;
	cursor: pointer;
	color: #AAA;
}
#title-arrow {
	padding-left: 16px;
	padding-right: 4px;
}
#title-val {
	bottom: 0;
	display: table-cell;
	font-size: 13px;
	font-weight: bold;
	left: 36px;
	line-height: 16px;
	padding-left: 31px;
	right: 480px;
	top: 0;
	vertical-align: middle;
}
#title-val * {
	font-size:inherit;
}
.save-record-buttons {
	border-left:1px solid #D6D6D6;
	bottom:0;
	padding:10px 10px 0px 0px;
	position:absolute;
	right:0;
	top:0;
	width:190px;
	text-align: right;
}
#action-cell div {
	padding: 2px 0;
}
#sidebar {
	background:none repeat scroll 0 0 transparent;
	border:medium none;
	left:10px;
	padding-top:26px;
	width:200px;
	z-index:1;
	background-image:none !important;
}
#footer {
	position:absolute;
	left:200px;
	top:105px;
	white-space: nowrap;

}
#footer #rty_description {
    height: 16px;
    margin-bottom: 3px;
    white-space: nowrap;
}
#footer #rty_description span {
	padding: 0 5px 0 0;
	color:#363636;
}
#footer #rty_description #rectype-name{
	color:#6A7C99;
	font-weight: bold;
}
#footer span {
	padding-right:20px;
}
#moddate {
	color:#6A7C99
}
.sidebar-link {
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	border-top-left-radius:10px;
	background:url("../images/31x31.gif") no-repeat scroll 8px center rgba(255, 255, 255, 0.3);
	border-color:#E0E0E0 #E0E0E0 #C0C0C0 #C0C0C0;
	border-left:1px solid;
	border-style:solid;
	border-top:1px solid;
	border-top:1px solid;
	border-width:1px;
	color:#999999;
	cursor:pointer;
	display:block;
	height:40px;
	margin-top:3px;
	max-width:139px;
	padding:4px 4px 6px 45px;
}
.sidebar-link ::-moz-selection {
	color: inherit;
	background-color: inherit;
}
.sidebar-link ::selection {
	color: inherit;
	background-color: inherit;
}
body div div.sidebar-link:hover {
	background-color: rgba(255, 255, 255, 0.5);
}
.sidebar-link b {
	font-size: 108%;
	color: #565651;
	display: block;
}
div.sidebar-link img {
	margin-left: 4px;
	margin-bottom: 2px;
	float: right;
}
div.sidebar-link.changed img {
	background-image: url('../images/save-disk.gif');
}
body div.sidebar-link.disabled, body div.sidebar-link.disabled:hover {
	cursor: default;
	color: #565651;
	background-position: 8px center;
	opacity: 0.3;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
}
body div#sidebar div.sidebar-link.selected {
	background-color: #ECF1FB;
	color: #999999;
	cursor: default;
	border:1px solid;
	border-right:none;
	margin-left:5px;
}
#toolbar {
	font-size: 85%;
}
img {
	vertical-align: middle;
}
div#tab-holder {
	bottom:0;
	cursor:wait;
	position:absolute;
	top:0;
	left:0;
	right:0
}
iframe.tab {
	display: none;
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}
.public-visible {
	visibility: hidden;
	display:inline;
}
.public-visible label, .public-visible input {
	padding:0;
	margin:0;
	height:auto;
	vertical-align: middle;
	line-height:25px
}
body.mode-public .public-visible {
	visibility: visible;
	display:inline;
}

.sidebar-nav {
	background-color:#DBDFE6;
	border-radius:6px;
	margin:10px;
	width:150px;
	padding:10px;

}
/* ----- global overrides styles -------*/

.banner {
	z-index:1
}
.detailRow {
	border-bottom:1px solid #EFEFEF;
	display:table;
	font-size:11px;
	overflow:visible;
	padding:5px 0;
	width:100%;
}
/*  from edit.html */
body.help-show .help {
	display:block
}
select.minimal {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}
select.minimal option {
	background-color: white;
}
.inconsistent-design-help-button {
	padding: 2px;
	margin-left: 1em;
	cursor: pointer;
}
.inconsistent-design-help-button input {
	vertical-align: middle;
}
.inconsistent-design-help-button:hover {
	padding: 1px;
	border: 1px solid #909090;
	border-color: #909090 #c0c0c0 #c0c0c0 #909090;
}
div.draggable {
	position: fixed;
	-webkit-box-shadow: 0px 3px 8px RGBA(0,0,0,0.4);
	-moz-box-shadow:0px 3px 8px RGBA(0,0,0,0.4);
	box-shadow:0px 3px 8px RGBA(0,0,0,0.4);
}
* html div.draggable {
	position: absolute;
}    /* IE6 doesn't understand position: fixed ... treats it as position: static */
div.draggable table {
	display: block;
	background-color:RGBA(255,244,156,0.5);
}
div.draggable td.header {
	background-color:RGBA(247,209,0,0.5);
	background-image:url("../images/drag_pin.png");
	background-position: right;
	background-repeat:no-repeat;
	border-bottom:1px solid #CC9933;
	color:#333;
	height:1.4em;
	line-height:1.4em;
	padding-left:16px;
	padding-right:40px;
	cursor: move;
}
div.draggable td.header b {
	text-transform:uppercase;
}
div.draggable td.header div.resize-div {
	cursor: nw-resize;
	top: 0;
	left: 0;
	position: absolute;
	background: url(../images/drag-resize.gif) transparent scroll top left no-repeat;
	width: 16px;
	height: 16px;
}
div.draggable td.header div.minimise-div {
	cursor: pointer;
	top: 0;
	right: 18px;
	position: absolute;
	background: url(../images/drag-minimise.gif) transparent scroll top right no-repeat;
	width: 16px;
	height: 16px;
}
div.draggable div.min-description {
	display: none;
}
div.draggable.minimised div.min-description {
	cursor: pointer;
	display: block;
	width: 100%;
}
div.draggable.minimised td.header {
	cursor: pointer;
}
div.draggable.minimised iframe, div.draggable.minimised textarea, div.draggable.minimised div.description, div.draggable.minimised div.resize-div, div.draggable.minimised div.minimise-div {
	display: none;
}
div.draggable.minimised {
	bottom: 30px;
	right: 30px;
}
div.draggable iframe {
	border: 0;
	padding: 0;
	margin: 0;
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	background:none;
}
div.draggable textarea {
	background-color: transparent;
	border:0 none;
	margin:0;
	padding:2px;
}
div#notes {
	font-size: 11px;
}



/* relationship table styles */
.resource .input-cell {width:80%}
.relation.editable.reminder {margin:10px 0 0 0;}
.relation.editable.reminder .resource-div.empty .file-resource-div.empty input{width:100% !important}
.resource.optional {
	background-color: rgba(0, 0, 255, 0.2);
}
.section-header-cell.optional {
	color:#6A7C99;
	padding-left: 10px;
	font-weight: bold;
}
.resource {
	width:100%;
	display:table !important;
}
#relations-tbody relation {
	display:block
}
div.input-row div.input-cell div#relations-tbody {
	width:100% !important;
	display:table-cell;
	padding-top:7px;
}
div.input-row div.input-cell div#relations-tbody div.relation{
	display:table; /* ARTEM: was block!!!! */
	min-height: 25px;
	height: 25px;
}
.relation > div {
	display: table-cell;
	vertical-align: top;
}

/* for relationship tab */
.relation-title{color: #333;font-weight:bold;background-position: bottom;padding-top:5px;padding-bottom: 5px;}
.relation-title a{color: #6A7C99;}

/* for edit tab */
.relation-reltype-and-rec {
	max-width: 400px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.input-row div.input-cell div#relations-tbody div div div.relation div.resource div.resource div.input-row div.input-cell div.resource-div div.file-resource-div{
	width:auto !important
}
/***** date and temporal buttons *****/
div.temporal-div input.in {vertical-align:top; margin:0}
div.temporal-div input.temporal-button, .temporal-button, .date-button {
	border: medium none;
	padding: 0px !important;
	border-radius:3px;
	height:18px;
	width:24px
}
div.temporal-div input.temporal-button, .temporal-button {
	background: url("../images/temporal.png") no-repeat scroll center center transparent !important;
	margin: 2px 5px;
	width: 19px;
}
.date-button {
	background: url("../images/cal.gif") no-repeat scroll center center transparent !important;
	margin-left: 5px !important;
	margin-top: 2px !important;
	width: 26px;
}

div.temporal-div input.temporal-button:hover {
	box-shadow: 0 1px 3px #666 inset;
}
/***** title row *****/
.title-row {
	display: block;
	padding: 10px 0;
	border:none;
}
.title-row.hidden {
	display: none;
}

/**** input rows *****/
.input-row {
	border-bottom:1px solid RGBA(255,255,255,0.5);
	padding: 3px 0;
}
.input-row.separator {
	border-top: 1px solid #A4B4CB;
	margin-top: 10px;
	padding: 10px 0;
}
.input-row.separator .input-header-cell {
	text-align:left;
	text-transform:uppercase;
	font-weight:bold;
	color: #999;
}
.input-row select {
	display: block;
	border: 1px solid rgga(0,0,0,0.2);
	font-size:11px;
	padding: 0.5ex;
	display:inline-block;
}
.popup .input-row select {
	max-width:400px;
	background-color:#ECF1FB;
}
.input-row tr select {
	display: inline;
}
.input-row div.input-header-cell, .input-row label {
	width: 150px;
	padding-top:5px;
	padding-right: 10px;
	text-align: right;
	color: #6A7C99;
	min-width:150px;
	display:table-cell;
}
/* ARTEM: this is mess
.input-row div {
	display: inline-block;
}
.input-row div, .input-header-cell {
	padding-bottom:0px;
	vertical-align: top;
	display:table-cell
}
*/

.input-row.required div.input-header-cell {
/*	color: #354F75;
*/	color: #CC0000;
	font-weight: bold;
}
/*.input-row.required div.input-header-cell:before {
	content: "* ";
	color:#CC0000;
}*/
.input-row.recommended div.input-header-cell {
	color: #354F75;
	font-weight: bold;
}
.input-row.optional div.input-header-cell {
	color: #6A7C99;
	font-weight: normal;
}

.input2-header-cell, .input2-row, .input2-cell{
	display:inline-block !important;
	vertical-align: middle !important;
	padding-left:2px;
}

.prompt *{
	font-size: 10px;
	color:#999;
	font-weight: normal;
	max-width:450px;
	line-height: 1.4ex;
}
input#tags, .input-cell .in, .resource-title, .in, .input-row input:not([type="submit"]) {
	font-size:2ex;
	background:none repeat scroll 0 0 #FFF;
	border:1px solid rgba(0, 0, 0, 0.2);
	margin:2px 0;
	padding:3px;
}
.resource-title, .resource-date{
	display:inline-block !important;
}

input#tags {
	min-width :80ex;
}
input.resource-title, input.file-select, input[type="file"] {
	background: transparent !important;
	border-color:RGBA(255,255,255,0);
	color:#6A7C99;
	border:1px solid rgba(0, 0, 0, 0.2) !important
}
.input-cell textarea.in {
	height:9ex;
	line-height: 2ex;
	min-width:40ex
}
input#tags:focus, .input-cell .in:focus, .input-cell .resource-title:focus, .in:focus, .input-row input:focus {
	-moz-box-shadow:0 0 4px #6A7C99;
	-webkit-box-shadow:0 0 4px #6A7C99;
	box-shadow:0 0 4px #6A7C99;
}

.input-cell{
	display:table-cell;
}
.input-cell .date-div * {
	vertical-align: middle;
}
.input-cell .date-div .in {
	display: inline;
}
.input-cell .resource-div .file-resource-div {
	position: relative;
	white-space: nowrap;
	padding: 0;
	display:block !important;
}
.resource-div.empty {
	background-image: url("../images/blue-down-triangle.png");
	background-position: 0 50%;
	background-repeat: no-repeat;
	display:block;
}
.file-resource-div.empty {
	background-image: url("../images/icon_picture.png");
	background-position: 0 50%;
	background-repeat: no-repeat;
	display:block;
}

.input-row .resource-div .file-resource-div * {
	vertical-align: middle;
}
.input-row .temporal-div {
	display: block;
	padding: 0;
}
.input-cell .resource-div .file-resource-div,  .edit-resource {
	cursor: pointer;
	position: relative;/* left: 383px; */
}

.input-cell .resource-div .file-resource-div, .delete-resource{
	cursor: pointer;
	margin-left: 2px;
	background-image: url('../images/cross-grey.png');
	background-repeat: no-repeat;
}
.file-resource-div.empty .delete-resource, .resource-div.empty .delete-resource, .resource-div.empty .edit-resource {
	visibility: hidden;
}
.input-cell .resource-div.empty .file-resource-div.empty { /* ART img.delete-resource { */
	cursor: default;
	margin-left: 5px;
	background-image: url('../images/cross-grey.png');
}
.input-cell a {
	display: inline-block;
	padding:3px 6px;
	background-color: RGBA(255,255,255,0.5);
}
td.readonly .resource-title {
	border: 1px dotted lightgray;
	color: gray;
}
td.input-cell.readonly img {
	visibility: hidden;
}
td.input-cell.readonly img.edit-resource {
	visibility: visible;
}
#all-inputs.readonly{
	background-image: url(../images/non-editable-watermark.png);
}
.input-row .duplicator {
	cursor: pointer;
	vertical-align: middle;
	margin-left: 1ex;
}
.input-cell .file-resource-div {
	white-space: nowrap;
	padding: 0;
}
.input-cell .link-image {
	vertical-align: middle;
	border: 0;
	outline: none;
}
.input-cell .delete-file, .input-cell .delete-geo { /*ART , .input-cell .delete-resource*/
	margin-left: 1ex;
	vertical-align: middle;
	border: 0;
	cursor: pointer;
	background-image: url(../images/cross-grey.png);
}
.input-cell .geo-div {
	display: block;
	padding: 2px 0;
}
.input-cell .geo-div.empty img.geo-image {
	background-image: url(../images/geo-grey.gif);
}
.input-cell .geo-div img.geo-image {
	background-image: url(../images/geo.gif);
}
.input-cell .geo-edit {
	text-decoration: underline;
	color: blue;
	cursor: pointer;
}
.input-cell .empty .delete-geo {
	display: none;
}
.input-cell img {
	vertical-align: middle;
}
.input-cell .thumbnail {
	display:inline-block;
	float:none;
	border:3px solid rgba(255, 255, 255, 0.5)
}
.input-cell span.in-progress {
	color: gray;
}
/***** uploading progress bar *****/
#uploads {
	text-align :center;
	color:#FFF;
	font-size: 18px;
	background-color: RGBA(0,0,0,0.8);
	padding: 5px 0 0 0;
	width: 200px;
	min-height: 60px;
	top: 50%;
	left:50%;
	margin :-50px -150px;
	position: fixed;
	overflow: visible;
	-moz-border-radius:10px;
	webkit-border-radius:10px;
	border-radius:10px;
	border :2px solid #FFF;
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
	z-index: 100;
	font-size: 10px;
}
#uploads div img {
	padding: 1px;
}
#uploads div img:hover {
	background-color: lightgray;
}
#uploads div.error {
	color: red;
}
#uploads div.upload-status div.progress-bar {
	background-color: #222222;
	border-color: #000000;
	border-left: 0 none;
	border-right: 0 none;
	border-style: solid none;
	border-width: 1px 0;
	line-height: 4px;
	margin: 10px 3px 3px;
	padding: 0;
	width: 194px;
	overflow: hidden;
}
#uploads div.upload-status div.progress-bar div {
	width: 0;
	background-color: #6A7C99;
	border-top:1px solid #8F9DB2;
	height: 4px;
	line-height: 4px;
	margin: 0;
	padding: 0;
}
#rec_url {
	min-width: 350px;
}
.rating-row .header {
	text-align:right;
	width:10ex;
	display: inline-block;
	margin: 0 10px 10px 0;
}
.rating-row * {
	display: inline-block;
}
.additional-header-cell {
	text-align: left;
	color:#6A7C99;
	padding-right: 10px;
}
/* annotation CSS*/
#comment-link {
	font-weight: bold;
}
#comments .comment {
	border-left: 3px solid #660000;
	padding: 3px 0px 0px 3px;
	margin: 10px 0px;
}
#comments .comment .comment {
	margin-left: 10px;
}
#comments .comment .editing_block {
	margin-left: 10px;
}
#comments .deleted {
	font-style: italic;
	color: gray;
}
#comments .header {
	font-weight: bold;
}
#comments .footer {
	padding: 5px 0px;
}
#comments .author {
	margin-right: 20px;
}
#comments .date, .moddate {
	font-weight: normal;
	color: gray;
}
#comments .editing-block textarea {
	display: block;
	width: 400px;
	height: 60px;
	border: 1px solid black;
	padding: 1px;
}
#focus_comment {
	background-color: #FBF9DF;
}
#comments .help {
	margin: 4px 2px;
}
#comments, #woot {
	background-color: white;
	border: 1px solid #A4B4CB;
	display: block;
	font-size: 2ex;
	margin: 10px 0;
	min-height: 115px;
	min-width: 80ex;
	overflow-y: auto;
	padding: 4px;
}
#woot-ext-link {
	background:none
}
.woot-editor {
	max-width: 1000000px;
	max-height: 300px;
	overflow-y: scroll;
}
.woot-editor.edit {
	max-height: 1000000px;
	overflow-y: auto;
	display: block;
	min-height: 30px;
	border: none;
}
.woot-title {
	display: none !important;
}
/* personal tab */
.rating-row select {
	width: 120px;
}
.reminder-table select {
	border: 1px solid #A4B4CB;
	width: 120px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8 {
	display: inline-table;
	width:auto;
	color:#6A7C99;
	padding-right:10px
}
div.reminder-table in.input, div.reminder-table select {
	height:23px;
	border:none
}
div.input-cell fieldset.reminder .reminder-table input[type="radio"], div.input-cell fieldset .reminder-table input[type="radio"] {
	margin: 0 5px 0 20px;
	height:auto
}

.reminder-table [type="button"] {
	margin-right: 10px;
}
.reminder-table DIV {
	padding: 5px 0;
	display: block;
}
.reminder-table .frequency-dropdown {
	margin-left: 1ex;
}
fieldset, fieldset.reminder {
	background-color: RGBA(200,200,200,0.1);
	padding: 10px;
	margin: 0;
	border: 1px solid #A4B4CB;
}
fieldset .in, fieldset.reminder .in {
	border-color: #909090;
}
fieldset legend, fieldset.reminder legend {
	font-weight: bold;
	color: #A4B4CB;
	;
}
div.reminder-div {
	margin-bottom: 1ex;
	padding: 6px 4px;
	border: 1px solid gray;
	width: 600px;
}
div.reminder-div img {
	vertical-align: middle;
	cursor: pointer;
	margin-left: 2px;
}
.add-tag-link {
	font-size: 10px;
	border-right: 1px solid #BBB;
	padding: 0 5px
}
hr {
	background-color: #660000;
	border: 1px solid lightgray;
	height: 2px;
	margin-bottom: 15px;
}
.input-row .input-header-cell {
	vertical-align: top;
}
#top-tags-cell, #recent-tags-cell {
	padding: 1ex 0 0 0;
	color: #999;
}
#top-tags-cell a.add-tag-link {
	background:none
}
#top-tags-cell nobr, #recent-tags-cell nobr {
	display:inline-block
}
#top-tags-cell nobr a, #recent-tags-cell nobr a {
	background:none;
}
/***** discussion styles *****/
#comment-link {
	font-weight: bold;
}
#comments .comment {
	border-left: 3px solid #660000;
	padding: 3px 0px 0px 3px;
	margin: 10px 0px;
}
#comments .comment .comment {
	margin-left: 10px;
}
#comments .comment .editing_block {
	margin-left: 10px;
}
#comments .deleted {
	font-style: italic;
	color: gray;
}
#comments .header {
	font-weight: bold;
}
#comments .footer {
	padding: 5px 0px;
}
#comments .author {
	margin-right: 20px;
}
#comments .date, .moddate {
	font-weight: normal;
	color: gray;
}
#comments .editing-block textarea {
	display: block;
	width: 400px;
	height: 60px;
	border: 1px solid black;
	padding: 1px;
}
#focus_comment {
	background-color: #FBF9DF;
}
#comments .help {
	margin: 4px 2px;
}
#comments {
	border: 1px solid gray;
	padding: 4px;
	min-height: 85%;
	background-color: #EFF2F6;
}
#page-inner {
	right:0px;
	top:26px
}
.tagTable {
	display: block;
	margin:10px 0
}
/***** rating *****/
#overall-rating option {
	border-right:1px solid #CCC
}
/*#overall-rating option[value="5"] {
	background-image:url("../images/star-yellow.png");
	background-repeat: repeat-x;
	width:100px;
}
*/
/***** other 80% center;  ******/
.file-size {
	margin:0 6px;
	color:#666666;
}

.thumbPopup {
	background-color: rgba(255, 255, 255, 0.75);
	border: 1px solid #FFFFFF;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
	color: #EDEDED;
	padding: 5px;
	z-index: 999;
	background-repeat:no-repeat;
   	background-size: 100% auto;
    background-position: 0 center;
    height: 100px;
    width: 100px;
	margin:-107px 25px;
	display:none;
	position:absolute
}
/*
.resource-title:hover div.thumbPopup {
	display:block;
}*/

